<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>商品列表</title>
<link rel="stylesheet" type="text/css" href="css/lib/swiper.min.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/doumee.css"/>
<link rel="stylesheet" type="text/css" href="css/public.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/dialog.css"/>
<link rel="stylesheet" type="text/css" href="css/lib/picker.css"/>
<link rel="stylesheet" type="text/css" href="css/caseMod.css"/>
<script src="js/lib/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/swiper.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/vue-2.5.17.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/doumee.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/dialog.js" type="text/javascript" charset="utf-8"></script>
<script src="js/data.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lib/picker.js" type="text/javascript" charset="utf-8"></script>
<script src="js/allProduct.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	
<div id="slideBar">
	<a class="shopCar flex-col" href="shopCar.html">
		<span class="icon"><img src="image/icon/slide-icon.png" /></span>
		<span class="num">5</span>
	</a>
	<a class="contact flex-col" href="tel:110">
		<span class="icon"><img src="image/icon/slide-icon.png" /></span>
	</a>
</div>

<header class="header bottom-line main-line flex-row h5" id="goodMod">
	<dl class="flex-full flex-row" @click="screen($event,0)" data-check='0'>
		<dt class="dm-wrap">{{list==null?'全部分类':testData.assort[list[0]].sub[list[1]]}}</dt>
		<dd class="animate"></dd>
	</dl>
	<dl class="flex-full flex-row" @click="screen($event,1)">
		<dt class="dm-wrap">综合排序</dt>
	</dl>
	<dl class="flex-full flex-row" @click="screen($event,2)" data-check='0'>
		<dt class="dm-wrap">{{spec[0]}}</dt>
		<dd class="animate"></dd>
	</dl>
	
</header>

<div class="swiper-container Main bg-w" id="Main">
	<div class="swiper-wrapper">
		<div class="swiper-slide content">
			
			<div class="children" style="padding-top: 12px;">
				
				<!--商品列表-->
				<div class="proMod dm-clearfix">
					<dl class="dm-left" v-for="item in goodData" @click="location.href='productDetail.html?proId='+item.id">
						<dt class="pt cover" data-rate='1'>
							<img :src="item.path" />
						</dt>
						<dd>
							<h5 class="name dm-wrap">{{item.name}}</h5>
							<div class="val">￥<span>{{item.val}}</span></div>
						</dd>
					</dl>
				</div>
				<!--商品列表 end-->
				
			</div>
			
		</div>
	</div>
</div>

</body>
</html>
